강의에서 만든 미니 블로그로 서버 쪽에서 데이터 가져오는 연습을 하고 있습니다.


  • react
  • axios

Minami0717

2024-02-08 08:18:42


1

soaple

2024-02-09 23:52:58

useCallback 훅을 사용하면 성능적으로 이점이 있는 건가요?

Minami0717

2024-02-16 13:58:32

혹시 axios 통신하는 함수들은 전부 useCallback 훅을 사용하는게 좋나요?

Minami0717

2024-02-16 14:02:06

useCallback() 훅을 사용하면 리액트 컴포넌트가 재렌더링이 일어날 때마다 함수가 재정의 되는 것을 방지할 수 있습니다. 즉, 함수가 매번 새로 정의되는 것에 대한 비용을 줄임으로써 성능적으로 약간의 이점이 있을 수 있습니다.

soaple

2024-02-17 02:29:53

하지만 더 중요한 부분은 정의한 함수를 하위 컴포넌트에 props로 넘기는 경우입니다. 이러한 경우 useCallback() 훅을 사용하지 않으면 부모 컴포넌트가 재렌더링 될 때마다 매번 함수의 reference가 변경되고 이로인해 해당 함수를 props로 가지는 자식 컴포넌트가 불필요하게 재렌더링이 될 수 있습니다. 그래서 되도록이면 컴포넌트 내에 정의하는 함수는 useCallback() 훅을 사용하시는게 좋습니다.

soaple

2024-02-17 02:30:07

useCallback 훅에 대해 복습해야 겠네요 감사합니다

Minami0717

2024-02-17 17:54:25


주식회사 핫티스트랩

대표이사 이인제

서울 강남구 테헤란로 128, 3층 58호(역삼동, 성곡빌딩)

사업자등록번호: 318-87-02079

통신판매번호: 2021-서울강남-00547

직업정보제공사업 신고번호: J1200020250005

인터넷신문사업 등록번호: 서울,아55860

제호: 프론트오버플로우

발행인: 이인제

편집인: 이인제

TEL: 070-4258-2048

EMAIL: help@hottestlab.com

Copyright ⓒ Hottest Lab Inc. All rights reserved.